<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>table 模块快速使用</title>
  <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body>
<div>
  <div>
    <h2><a href="add.html">点击新增</a> </h2>
  </div>
  <div>
    <table id="demo" lay-filter="test"></table>
  </div>
</div>


<script src="/layui/layui.js"></script>
<script>
  layui.use('table', function(){
    var table = layui.table;

    //第一个实例
    table.render({
      elem: '#demo'
      ,height: 'full-80'
      ,url: '/api/usershare/page.do' //数据接口
      ,page: true //开启分页
      ,cols: [[ //表头
        {field: 'id', title: 'ID',  sort: true, fixed: 'left'}
        ,{field: 'name', title: '分享人'}
        ,{field: 'groupid', title: '组号', sort: true}
        ,{field: 'title', title: '分享的主题'}
        ,{field: 'ctime', title: '创建时间'}
      ]]
    });

  });
</script>
</body>
</html>